<template>
  <view class="flex-col page">
    <view class="flex-row justify-between self-stretch group">
      <image class="image_2" src="../../static/wx/352bcfea5e37ee83dcf43eff1e8d6461.png" />
      <image class="image" src="../../static/wx/115f6be5d092f55281fcbeb218328328.png" />
    </view>
    <view class="flex-col items-center self-stretch group_2">
      <image class="image_3" src="../../static/wx/59cb184862aae78719a69452c399cb11.png" />
      <text class="text mt-25">8字拉力器女拉伸练背神器 家用瑜伽健身开肩美背八字拉力绳弹力带</text>
    </view>
    <image class="self-start image_4" src="../../static/wx/aee8d3c272ce901a71d360a03832fd2a.png" />
    <image class="self-center image_5" src="../../static/wx/ea85fa35b7b619d3cc7839d88d0e3447.png" />
  </view>
</template>

<script>
  export default {
    components: {},
    props: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="css">
  .mt-25 {
    margin-top: 50rpx;
  }
  .page {
    padding: 122rpx 0 214rpx;
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    padding: 0 56rpx;
  }
  .image_2 {
    margin: 4rpx 0;
    width: 48rpx;
    height: 44rpx;
  }
  .image {
    width: 52rpx;
    height: 52rpx;
  }
  .group_2 {
    margin-top: 46rpx;
  }
  .image_3 {
    border-radius: 0rpx 0rpx 120rpx 120rpx;
    width: 100vw;
    height: 76vw;
  }
  .text {
    color: #000000;
    font-size: 40rpx;
    font-family: Lantinghei SC;
    line-height: 60rpx;
    width: 624rpx;
  }
  .image_4 {
    margin-left: 30rpx;
    margin-top: 656rpx;
    width: 660rpx;
    height: 824rpx;
  }
  .image_5 {
    margin-top: 822rpx;
    width: 662rpx;
    height: 824rpx;
  }
</style>